<template>
<div>
wallet
<button @click="handleDialog" >选择兴趣</button>
<!-- <Test :content="content" /> -->
<!-- <SelectDialog :dialogVisible="dialogVisible" @handleDialog="handleDialog" /> -->
<AvocationSelector :dialogVisible="dialogVisible" @handleDialog="handleDialog" />
<!-- <SelectDialog :dialogVisible="dialogVisible" @update:dialogVisibleValue="dialogVisible=($event as any)" /> -->
<!-- :countValue="count" @update:countValue="count=($event as any )" -->

</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
name: "wallet",
});
</script>

<script setup lang="ts">

import SelectDialog from './dialog.vue'
import {ref,watch} from 'vue'
// import { reqRecommend } from '@/api/resource'
import type {ContentType} from '@/api/interface'
import { onMounted } from 'vue';

// const content = ref<ContentType>()
// onMounted(async () => {
//     try {
//         const result = await reqRecommend(1,10)
//         content.value = result.content
        
//         console.log('result', result)
//         console.log('content',content.value);
//     } catch (error) {
//         console.log('error',error);
//     }
// })

// 选择框
const dialogVisible = ref(false)
const handleDialog = () => {
    dialogVisible.value = !dialogVisible.value
}




</script>

<style scoped></style>